@import './common/var.scss';

/* 颜色生成 */
$color-list:(
  white:($white),
  blue:($blue),
  red:($red),
  yellow:($yellow),
  green:($green),
  gray:($gray),
  666:($c666),
  999:($c999),
  333:($c333),
  000:($c000),
);
@each $label,$value in $color-list {
  .color-#{$label}{
    color:#{$value};
  };
  .bc-#{$label}{
    background-color: #{$value};
    border: 1px $value solid;
  }
};

/* margin fontsize padding */
@for $i from $startNum to $endNum {
  .ml#{$i*5}{
    margin-left: $i*5px;
  }
  .mr#{$i*5}{
    margin-right: $i*5px;
  }
  .mt#{$i*5}{
    margin-top: $i*5px;
  }
  .mb#{$i*5}{
    margin-bottom: $i*5px;
  }
  .pl#{$i*5}{
    padding-left: $i*5px;
  }
  .pr#{$i*5}{
    padding-right: $i*5px;
  }
  .pt#{$i*5}{
    padding-top: $i*5px;
  }
  .pb#{$i*5}{
    padding-bottom: $i*5px;
  }
  @if $i < 5 {
    .ft#{2*$i+12}{
      font-size: 2*$i+12px;
    }
  }
}